<!-- 首页头部 -->
<style scoped rel="stylesheet/scss" lang="scss">
	@import '../../../css/public.scss';
	#headerCon{
		width:750px;
		height:80px;
		background-color: #fff;
		position: fixed;
		top:0;
		left:0;
		text-align:center;
		z-index: 999;
		border-bottom:1px solid #e1e1e1;
		span{
			font-size: 32px;
			line-height: 79px;
			color: #333;
		}

		div.dizhi{
			position: absolute;
			top: 0;
			right: 0px;
			height: 100%;
			line-height: 79px;
			font-size: 22px;
			color: #333;
			padding-right:30px;
			i{
				margin-left: 10px;
			}
		}

		ul.chengshilieb{
			width: 150px;
			background-color:#fff;
			border:1px solid #e1e1e1;
			border-bottom:none;
			position: absolute;
			top: 80px;
			right:0;
			z-index: 999;
			>li{
				width: 100%;
				height: 60px;
				line-height: 60px;
				border-bottom:1px solid #e1e1e1;
				font-size: 24px;
				color: #333;
			}	
		}
	}

</style>

<template>
		<header id="headerCon">
			<span>月嫂服务</span>

			<div class="dizhi" id="dizhi" @click="isShowNav = true">北京站<i class="iconfont">&#xe69e;</i></div>
			<ul class="chengshilieb" id="chengshilieb" v-show="isShowNav">
				<li>北京站</li>
				<li>天津站</li>
				<li>青岛站</li>
				<li>深圳站</li>
				<li>广州站</li>
				<li>山西站</li>
			</ul>
		</header>
</template>

<script>
	export default {
		data(){
			return {
				isShowNav: false,
			}
		},
		computed: {
	    	// getData(){
	    	// 	return this.$store.getters.getDataVal;
	    	// }
	    	
	    },
	    watch:{
	    	// getData(obj){

	    	// }
	    }

	}
</script>
